import React, { Component } from 'react'

// 导入子组件
// 当在父组件中给子组件标签中间添加内容时, 该子组件的组件实例上, props属性对象会自动添加一个
// children 属性,值就是接收的父组件中标签中写的内容
// children 属性的值 可以是字符串变量 对象 数组 还可以是 dom结构(准确的说是虚拟dom对象)
import Son from './Son';
export default class Father extends Component {
    state = {
        count: 100,
        boyArr: ['狗杂种', '虚竹', '扫地僧']
    }
    render() {
        return (
            <div>
                <p>我是父组件</p>
                {/* 使用子组件 */}
                {/* <Son>{this.state.count}</Son> */}
                <Son>
                    <ul>
                        {
                            this.state.boyArr.map((item, index) => {
                                return <li key={index}>{item}</li>
                            })
                        }
                    </ul>

                </Son>

            </div>
        )
    }
}
